/*
  =layout
  =forms
  =home
  =login-form
  =hrecipe
*/

img.avatar {vertical-align:middle}
ul.simple-list {font-size:1.3em; padding-bottom:2em}
ul.decorated-list {font-size:1.3em; padding-left:1.2em}

/* layout*/
body {background:#380}
#overwrapper {border-top:5px solid #380; padding-bottom:3em; background:#FFF}
.wrapper {position:relative; max-width:850px; min-width:700px; margin:0 auto}
.single {width:70%}
.single p {margin-bottom:1em; text-align:justify}

/*=header*/
#header {position:relative; margin-bottom:3em; border-bottom:1px solid #CCC; padding:.5em 0; text-align:right; zoom:1}
#header p.logo {display:inline; margin:0; text-align:left; font-size:2.4em}
#header p.logo a {text-decoration:none; color:#000}
#header p.logo a:hover {color:#C00}
#header p.logo span.version {font-size:.4em; color:#666}
#header span.tagline {display:block; margin:0 0 -.8em 0; font-size:1em}
div.search {float:right; margin-top:.8em}
ul.main-links {display:inline; text-align:left; margin:0 0 0 2em; list-style:none}
ul.main-links li {display:inline; margin-right:1.5em; font-size:1.3em}

/*=toolbar*/
ul.toolbar {margin:0; list-style:none}
ul.toolbar li {display:inline; margin:0 .5em .5em 0; border-right:1px dotted #CCC; padding-right:.5em; font-size:1.3em}
ul.toolbar li.last {margin:0; border:none; padding:0}

/*=footer*/
#footer {padding:0 0 1em; border-bottom:5px solid #380; background:#FFF; zoom:1}
#footer .wrapper {max-width:850px; min-width:700px; border-top:1px solid #CCC; padding:1em 0}
#footer ul {list-style:none; margin-left:.5em}
#footer ul li {display:inline; margin-left:1em; border-left:1px dotted #CCC; padding-left:1em}
#footer ul li.first {margin-left:0; border-left:none; padding-left:0}
#footer p, #footer li {font-size:1.2em}

/*=forms*/
fieldset {margin:1em 0}
legend {font-weight:bold; font-size:1.3em}
div.field {margin:1em 0; font-size:1.3em}
div.field p {font-size:1em}
div.field p label {display:inline; font-weight:normal}
div.field p input {margin-left:0; vertical-align:middle}
div.field p.hint {color:#666}
div.field label {display:block; font-weight:bold}
div.field input.title {width:31em; font-size:1.4em}
div.field textarea {width:38em; height:200px; padding:.2em; font-family:sans-serif; font-size:1em}
p#submit {margin-top:2em}
p#submit input {font-size:1.2em}
p#submit a.cancel {margin-left:34em}
.errorExplanation {border-color:#FBC2C4; -moz-border-radius:.5em; -webkit-border-radius:.5em; padding:1em 2em; background:#FBE3E4 }
.errorExplanation h2 {color:#8A1F11}
.errorExplanation ul {margin:0; list-style:none}
.errorExplanation ul li {font-size:1.3em}
.fieldWithErrors input, .fieldWithErrors textarea {border: 2px solid #F00}

/*=messages*/
div.msg {margin:2em 0}
div.msg h2 {margin-bottom:.5em}
div.msg p {margin-bottom:1em}
div.msg p.subtitle {font-size:1.8em; margin-bottom:.3em}
div.error_static {height:20em}
div.error_static p {margin-bottom:.5em}
div.blank {width:65%; padding:2em 3em; background:#f3f3f3}
div.welcome {width:60%; padding:2em 0}
.error, .notice, .success {padding:.3em; margin-bottom:1em; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
.notice {background:#b5efb5;color:#001c00}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880}
.error a {color:#8a1f11}
.notice a {color:#514721}
.success a {color:#264409}

#login {width:auto; margin:0 32%}
.sidebar {float:right; width:23%; background:#5f5f5}
.sidebar h3 {margin-bottom:.3em}
.sidebar ul {list-style:none}
.sidebar-users ul li {font-size:1.3em}

/*=home*/
div.header-home {text-align:right}
div.header-home {border:none; margin-bottom:3em; padding-top:.5em}
div.logo {text-align:left}
div.logo h1 {font-size:4em; margin-bottom:0}
div.logo h1 span.version {font-size:.5em; color:#666}
p.tagline {margin-bottom:-.4em}
div.basic-freedoms {margin:1em 0; padding:1.6em 4em; color:#FFF; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    text-align:left;
    background:#380 url('/images/bck_home_header.png') no-repeat 95% bottom}
div.basic-freedoms p {margin-bottom:0; font-size:1.6em}
div.basic-freedoms p.title {font-size:2.4em}
.last-comments {margin-top:6em}
div.last-comments ul {margin:1.5em 0; list-style:none}
div.last-comments ul li {margin:2em 0}
.last-recipes ul {margin:0}
.last-recipes ul li {margin:3em 0; padding:0}
.last-recipes ul li.top {margin-top:1em}
.last-recipes ul li.bottom {margin-bottom:1em}
.last-recipes ul li img.photo {float:left; margin-right:1em; border:2px solid #000}
.sidebar-home ul {margin:1em 0}
.sidebar-home ul li {font-size:1.3em}
div.last-chefs {margin-top:6em}
div.last-chefs ul {margin:1.5em 0; list-style:none}
div.last-chefs ul li {float:left; width:22%; margin:0 1em 1em 0; font-size:1.3em}

/*=login-form*/
div.login-form {margin-left:35%; padding:1em 0 3em}

/*=vcard*/
div.vcard {margin-bottom:5em}
div.vcard img {float:left; margin-right:1em}
div.vcard h1 {margin-bottom:0}
.feed-link {padding:.2px 0 2px 20px; background:url('/images/feed16.png') top left no-repeat}

/*=hrecipe*/
div.hrecipe-main {width:62%}
div.hrecipe-head h1 {margin-bottom:0}
div.hrecipe-head p.category {font-size:2em}
div.hrecipe-head p.actions a.delete {margin-left:1em}
div.hrecipe p.author {margin-bottom:.5em}
div.hrecipe-main h2 {margin-top:1.5em; margin-bottom:.3em}
div.hrecipe-main h2.clear {margin-top:.2em; padding-top:1.2em}
div.hrecipe-main h2.fn {margin:0}
div.hrecipe-main img.photo {border:2px solid #000}
div.hrecipe-main ul.ingredients {float:left; width:23em; list-style-type:disc; padding-left:1.5em}
div.hrecipe-main ul.ingredients li {font-size:1.3em}
div.hrecipe-main span.duration,
div.hrecipe-main span.num-persons {color:#666; font-size:.8em}
div.instructions p {margin-bottom:1em}
div.ingredient input {display:inline}
#recipe-sidebar {float:right; width:30%; background:#5f5f5}

/*=comments*/
.comment {margin-top:3em}
.comment .avatar {float:left; margin-right:.8em}
.inner-comment {margin-left:38px}
.inner-comment p.created-time {margin-top:.5em; text-decoration:none; color:#666}

/*=comment-new*/
#comment-new {margin-bottom:3em}
#comment-new label {font-size:1.3em; font-weight:normal; color:#380}
#comment-new textarea {height:100px; width:38em}
#comment-new div.field {margin:0}
#comment-new p#submit {margin:0}

/*=ul.hrecipe*/
div.main {width:70%}
ul.recipes {margin-left:0; list-style-type:none}
li.hrecipe {margin:1.5em 0 4em; font-size:1em}
li.hrecipe img.photo {float:left; margin:.3em 1em 1em 0; border:2px solid #000}
p.category {font-size:1.6em}

/*=pagination*/
div.pagination {margin:4em 0 2em; font-size:1.3em; text-align:center}
div.pagination a {margin:0 .5em}
div.pagination span.current {margin:0 .5em; font-size:1.2em; font-weight:bold}
div.pagination span.disabled {display:none}

/*=recipe index*/
div.featured-recipe p.category {font-size:1.6em}
div.featured-recipe img.photo {border:2px solid #000}

div.explore-sidebar {float:right; width:33%}
div.explore {margin-bottom:5em}

ul.featured-categories {margin:1em 0 0; list-style:none}
ul.featured-categories li {float:left; margin:0 10em 2em 0}
ul.featured-categories li.right {margin-right:0}
ul.featured-categories h3 {margin-bottom:.3em}
ul.featured-categories img.photo {margin-right:.5em; border:1px solid #000}
.sidebar-categories ul li {font-size:1.3em}


table#recipe_ingredients {width:600px; margin:.5em 0}
table#recipe_ingredients thead th {padding:.2em;margin:0;background:#FFF}
table#recipe_ingredients td {margin:0;padding:.2em 0}

#new-invitation {width:610px}

span.new {font-weight:bold; background:#ffeeaa}
